<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>属性和样式</title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<form action="#" method="post">
			<span id="span" data-id="1001">姓名：</span>
			<input type="text" name="name" value="" />
			<br />
			<input type="checkbox" name="sex" id="sex" value="" />
			<label for="sex">全选全不选</label>
			<br />	
			<input type="checkbox" name="sex2" id="sex2" value="" />
			<label for="sex2">反选</label>
			<input type="checkbox" name="" value="" />
			<input type="checkbox" name="" value="" />
			<input type="checkbox" name="" value="" />
		</form>
		<script type="text/javascript">
			$(function(){
				//attr(属性名)  获取属性值
//				attr(属性名,属性值)设置属性
//				$("span").attr("data-id","1002")
//				console.log($("span").attr("id"))
//				console.log($("span").attr("data-id"))
				
//				var chk =$("#sex").prop("checked")//布尔值 实现全选 反选
//				var chk2 =$("#sex").attr("checked")//字符串 选择checked 未选中undefined
//				console.log(chk)
//				console.log(chk2)
//				$(":checkbox").prop("checked",true);// 全选
//				$(":checkbox").attr("checked",true);// 全选
//				
					$("#sex").change(function(){
//						$(":checkbox").prop("checked",false)
						var chk1 = $(this).prop("checked")
						$(":checkbox:not([id])").prop("checked",chk1)//执行行加过滤 只操作没有id的
//						console.log(chk1)
					})
					$("#sex2").change(function(){
//						$(":checkbox").each(function(index,item){//找到所有checkbox
						$(":checkbox:not([id])").each(function(index,item){//找到所有没有id属性的checkbox
							console.log(item)//每一个<input type="checkbox" name="" value="" />
							var ck= $(item).prop("checked")//每个标签的选中状态选中true 未选中false
							console.log(ck)//获取每一个input是true还是false
							$(item).prop("checked",!ck)
							
						})
						
						
					})
			})
		</script>
	</body>
</html>
